<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  methods:{
  },
  mounted(){
    let e = window.localStorage.getItem('app')
    if(e){
      document.getElementById('app').style.zoom  = e == 0 ? '1' : e == 20 ? '1.1' : e == 40 ? '1.2' : e == 60 ? '1.3' : e == 80 ? '1.4' : e == 100 ? '1.5' :'' 
    }else{
      window.localStorage.setItem('app',0)
    }
  }

}
</script>

<style lang="stylus">
#app
  font-family Avenir, Helvetica, Arial, sans-serif
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale
.ant-input
  border-radius 0 !important 
.ant-layout-header
  line-height 80px
  padding 0 !important
  height 80px !important


  
</style>
